<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>
			登录
		</title>
	</head>
	<link rel="stylesheet" type="text/css" href="css/bootstrap.css"/>
	<script src="js/jquery-3.4.1.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/bootstrap.js" type="text/javascript" charset="utf-8"></script>
	<link rel="stylesheet" type="text/css" href="css/enter.css"/>
	<body>
		<jsp:include page="head.jsp"></jsp:include>
		<div class="container-fluid" style="height: 800px;margin-top: -20px;background-image: url(img/1.gif);background-repeat: no-repeat;width: 100%;" >
		<div style="width: 450px;height: 600px;background-color:white ;margin: 0 auto;margin-top: 100px;">
				<table width="450px">
					<tr>
						<td>
							<div style="font-size: 30px;text-align: center;padding-top: 20px;">
								账号登录
							</div>
						</td>
					</tr>
					<tr>
						<td>
							<div class="form-group"style="padding-top: 20px;">
					          <input type="text" class="form-control" placeholder="邮箱/手机号码/小米ID"style="width: 400px;height: 50px;margin: 0 auto;">
					        </div>
						</td>
					</tr>
					<tr>
						<td>
							<div class="form-group">
					          <input type="password" class="form-control" placeholder="密码"style="width: 400px;height: 50px;margin: 0 auto;">
					        </div>
						</td>
					</tr>
					<tr>
						<td>
							<div style="margin-left: 25px;padding-top: 20px;">
							
							<button type="button" class="btn btn-warning"style="width: 400px;height: 50px;"data-toggle="modal" data-target="#exampleModalCenter">登录</button>
							<div class="modal fade" id="exampleModalCenter" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
							  <div class="modal-dialog modal-dialog-centered" role="document">
							    <div class="modal-content">
							      <div class="modal-header">
							        <h5 class="modal-title" id="exampleModalCenterTitle">
							        	<img style="padding-left: 253px;" src="img/2019-11-18_092033.gif"/>
							        </h5>
							        <h3 style="text-align: center;"></h3>
							        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
							          <span aria-hidden="true">&times;</span>
							        </button>
							      </div>
							      <div class="modal-body">
									<h4 style="text-align: center;"> 登陆成功，祝您生活愉快！</h4>
							      </div>
							      <div class="modal-footer">
							        <a href="index.jsp">
							        	<button style="width: 400px;margin-right: 80px;" type="button" class="btn btn-primary">
							        		确定
							        	</button>
							        	</a>
							      </div>
							    </div>
							  </div>
							</div>
							
							</div>
						</td>
					</tr>
					<tr>
						<td>
							<div style="margin-left: 25px;font-size: 15px;padding-top: 8px;">
								<span class="a">
									手机短信登录/注册
								</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
								<span class="a">立即注册</span>| <span class="a">
									忘记密码
								</span>
							</div>
						</td>
					</tr>
					<tr>
						<td>
							<div style="font-size: 17px;text-align: center;padding-top: 100px;color: gray;">
								其他方式登录
							</div>
						</td>
					</tr>
					<tr>
						<td>
							<div style="text-align: center;padding-top: 20px;">
								<img src="img/下载.jpg"/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
								<img src="img/下载 (1).jpg"/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
								<img src="img/下载 (2).jpg"/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
								<img src="img/下载 (3).jpg"/>
							</div>
						</td>
					</tr>
				</table>
			</div>
		</div>
		
		<nav class="navbar navbar-default navbar-fixed-bottom">
		  <div class="container" style="text-align: center;">
		  <h6>简体| 繁体| English |常见问题</h6>
		  <h6>小米公司版权所有-京ICP备10046444-京公网安备11010802020134号-京ICP证110507号</h6>
		  </div>
		</nav>
	</body>
</html>
